/**
*
* CSS for the slider
*
**/
.picesInput 
{
	background: url(../../images/detail.price.input.png) no-repeat;
	border: 0;
	text-align: center;
	color: #E5E1E1;
	height: 23px;
	line-height: 23px;
	width: 33px;
	padding: 0 6px 0 2px;
	}
.pager h2,
.pager p{
	position: absolute;
	background: #af191a;
	padding: 15px;
	color: #fff;
}
.pager h2{
	top: 20px;
	font-family: quicksandbold;
	font-size:30px;
	text-transform: uppercase;
}
.pager p{
	font-family: quicksandbold;
	font-size:20px;
	top: 85px;
	padding: 12px 15px;
}
.bx-pager{
	position:absolute;
	right: 20px;
	top: 338px;
}
.bx-pager a{
	float:left;
	margin-left: 5px;
	display:block;
	height: 26px;
	width: 26px;
	background: url(../../images/eastwest_sprite.png) no-repeat -240px -140px;
}
.bx-pager a.pager-active{
	background-position:-300px -140px;
}

/**
*
* CSS for feature-Icons
*
**/
#feature{
	position:absolute;
	top:120px;
	right: 0;
}
#feature div{
	height: 41px;
	margin-bottom: 2px;
}
#feature .new .button,
#feature .percent .button,
#feature .contact .button,
#feature .facebook .button{
	position: absolute;
	width: 35px;
	right: -35px;
	cursor: pointer;
}
#feature .new .button a,
#feature .percent .button a,
#feature .contact .button a,
#feature .facebook .button a {
	display:block; 
	width:30px; 
	height:38px;
}
#feature .content{
	width: 0;
	padding-left: 10px;
	display:none;
	position: absolute;
	right: 0;
}
#feature .content a{
	color:#333;
	font:16px/38px quicksandbold;
}
#feature .content a:hover,
#feature .content.hover a{color:#fff;text-decoration: none;display:block;}
#feature .new .button{background: url(../../images/eastwest_sprite.png) no-repeat -232px -180px;}
#feature .new .button.hover,
#feature .new .button:hover,
#feature .new .button.active{background: url(../../images/eastwest_sprite.png) no-repeat -492px -180px;}
#feature .percent .button{background: url(../../images/eastwest_sprite.png) no-repeat -232px -223px;}
#feature .percent .button.hover,
#feature .percent .button:hover,
#feature .percent .button.active{background: url(../../images/eastwest_sprite.png) no-repeat -492px -223px;}
#feature .contact .button{background: url(../../images/eastwest_sprite.png) no-repeat -232px -266px;}
#feature .contact .button.hover,
#feature .contact .button:hover,
#feature .contact .button.active{background: url(../../images/eastwest_sprite.png) no-repeat -492px -266px;}
#feature .facebook .button{background: url(../../images/eastwest_sprite.png) no-repeat -232px -309px;}
#feature .facebook .button.hover,
#feature .facebook .button:hover,
#feature .facebook .button.active{background: url(../../images/eastwest_sprite.png) no-repeat -492px -309px;}
#feature .new .content{background: url(../../images/eastwest_sprite.png) no-repeat -300px -180px;}
#feature .percent .content{background: url(../../images/eastwest_sprite.png) no-repeat -300px -223px;}
#feature .contact .content{background: url(../../images/eastwest_sprite.png) no-repeat -300px -266px;}
#feature .facebook .content{background: url(../../images/eastwest_sprite.png) no-repeat -300px -309px;}


/** 
* 
* Layer Navigation
* 
**/

.mainnav ul.menu ul, .mainnav ul.menu li {
list-style: none; 
padding: 0; 
margin: 0;
}
.mainnav ul.menu ul {
/*display: none;*/
}
.mainnav ul.menu .sub ul {
/*display: block;*/
float: left;
width: 107px;
}


.mainnav ul.menu {
margin: 0;
padding: 0;
position: relative;
width: 777px;
}
.mainnav ul.menu li {
float: left;
/*background: url("../../images/bg_mainnav_hover_left.png") no-repeat scroll left top transparent;*/
}
.mainnav ul.menu li.mega-hover {
background: url("../../images/bg_mainnav_hover_left.png") no-repeat scroll left top transparent;
}
.mainnav ul.menu li ul li ul li.mega-hover {
background:none;
}
.mainnav ul.menu li a {
float: left; 
display: block;  
margin-left: 12px;
padding: 14px 12px 11px 0;
text-decoration: none;
/*background: url("../../images/bg_mainnav_hover_right.png") no-repeat scroll right top transparent;*/
}
.mainnav ul.menu li.dc-mega-li a {
padding: 14px 20px 19px 0px;
}
.mainnav ul.menu li.mega-hover a {
background: url("../../images/bg_mainnav_hover_right.png") no-repeat scroll right top transparent;
}
/*
.mainnav ul.menu li a.dc-mega {
padding-right: 38px;
position: relative;
}
.mainnav ul.menu li a .dc-mega-icon {
display: block; 
position: absolute; 
top: 18px; 
right: 15px; 
width: 8px; 
height: 6px; 
background: url("../../images/menu/arrow.png") no-repeat 0 0;
}

.mainnav ul.menu li.mega-hover a .dc-mega-icon {
background-position: 0 100%;
}
*/
/* Mega Menu Styling */
/* Mega Drop Down Container */
.mainnav ul.menu li .sub-container {
margin: 0px;
	position: absolute; /* Required */
	background: url("../../images/bg_mainnav_layer.png") repeat-x scroll left bottom #fff;
	top: 51px!important;
	left: -176px!important;
	width: 944px;
}
.mainnav ul.menu li .sub {
padding: 15px 11px;
}
.mainnav ul.menu li .sub .row { /* Clear the sub-menu floats */
border-top: 2px solid #EEEDED;
clear: both;
margin-top: 15px;
overflow: hidden;
padding-top: 15px;
width: 100% !important;
}
.mainnav ul.menu li .sub .row:first-child { /* Clear the sub-menu floats */
border-top: none;
margin-top: 0px;
padding-top: 0px;
}
.mainnav ul.menu li .sub li {
float: none; 
}
/* Sub-menu Headers */
.mainnav ul.menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */
float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */
width: 451px!important;
height: auto!important;
}
.mainnav ul.menu li .sub li.mega-hdr.last {margin-left:20px;}
.mainnav ul.menu li .sub li.mega-hdr a {

}
.mainnav ul.menu li .sub li.mega-hdr img {
height: 82px;
padding-right: 21px;
width: 109px;
float:left;
}
.mainnav ul.menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
background: none; 
border: none; 
text-shadow: none; 
padding: 7px 10px; 
display: block; 
float: none; 
text-decoration: none; 
}
.mainnav ul.menu li .sub li.mega-hdr a.mega-hdr-a {
margin: 0;
padding: 0;
height:auto!important;
}
.mainnav ul.menu li .sub li.mega-hdr span {
padding: 0 0 5px;
display:block;
}
.mainnav ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover {

}

.mainnav ul.menu .sub li.mega-hdr li a {
padding: 1px 0 1px 15px;
background: url("../../images/menu/arrow_sublevel2.png") no-repeat 0 5px transparent;
}

/* Styling for items with only 2 levels */
.mainnav ul.menu li .sub-container.non-mega .sub {
padding: 20px 20px 20px 10px;
}
.mainnav ul.menu li .sub-container.non-mega li {
width: 190px; /* Set the drop down width */
}
.mainnav ul.menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px; 
background: url("../../images/menu/bullet.png") no-repeat 5px 12px;
}
.mainnav ul.menu li .sub-container.non-mega li a:hover {

background-image: url("../../images/menu/bullet_on.png");
}

.sub {
/*display:block!important;*/
}


/**
*
* Account Flyout
*
**/
#topnav .page{
	z-index: 1001;
}
.konto{
	position: absolute;
	right: 0;
}
.konto .slidebottom{
	overflow: hidden;
	top:27px;
	height: 15px;
	width: 245px;
}
.konto.loggedoff .slidebottom{
	width: 114px;
}
.konto .slidecontent{
	width: 213px;
}
.konto .slidecontent,
.konto .slidebottom{
	/*position: absolute;*/
}
/*
PRODUCTSLIDER!!!
*/
#products{
	position:relative;
}
#products .slides_container {
	overflow:hidden;
	position:relative;
	border:1px solid #dfdfdf;
	display:none;
}
#products .slides_container a {
	width:300px;
	height:225px;
	display:block;
}
#products .next,#products .prev {
	position:absolute;
	top:232px;
	width:21px;
	height:0;
	padding-top:47px;
	overflow:hidden;
	display:block;
	z-index:98;
}
#products .prev {
	left:0;
	background:url(../../images/eastwest_sprite.png) no-repeat -660px -299px;
}
#products .prev:hover{
	background-position: -660px -239px;
}
#products .next {
	right: 0;
	background:url(../../images/eastwest_sprite.png) no-repeat -700px -299px;
}
#products .next:hover{
	background-position: -700px -239px;
}
#pagination{
	margin: 0 22px;
	overflow: hidden;
	height: 55px;
	position: relative;
}
#products .pagination {
	padding:5px 0px;
	overflow: hidden;
	position: absolute;
}
#products .pagination li {
	float:left;
	margin:2px;
	list-style:none;
}
#products .pagination li a {
	display:block;
	width:55px;
	height:41px;
	margin:1px;
	float:left;
	background:#f9f9f9;
}
#products .pagination li.sliderCurrent a {
	border:1px solid #7f7f7f;
	margin:0;
}